<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/9/13
  Time: 16:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="./js/jquery-1.11.1.js"></script>
    <script type="text/javascript">
        function getdata() {

            var names=[];
            var nums=[];

            $.ajax({
                type : "get",
                async : true,            //异步请求（同步请求将会锁住浏览器，用户其他操作必须等待请求完成才可以执行）
                url : "<%=path%>/test/myservlet?method=getdataToTree",    //请求发送到Servlet
                dataType: "json",
                timeout : 10000,    //超时10s
                success : function(res) {
                    alert(res);
                    //请求成功时执行该函数内容，res即为服务器返回的json对象
                    if (null != res && "" != res) {
                        //console.log("getdata:"+res);    　　　　　//
                        for(var i=0;i<res.length;i++){
                            console.log("name:"+res[i].fullName);
                            names.push(res[i].fullName);
                        }
                        for(var i=0;i<res.length;i++){
                            nums.push(res[i].age);
                        }
                    }
                },
                error : function(errorMsg) {
                    //请求失败时执行该函数
                    alert("数据请求失败!");
                }
            });

        }
        function loadXMLDoc()
        {
            var xmlhttp;
            if (window.XMLHttpRequest)
            {
                //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
                xmlhttp=new XMLHttpRequest();
            }
            else
            {
                // IE6, IE5 浏览器执行代码
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange=function()
            {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
                }
            }
            xmlhttp.open("GET","/a.txt",true);
            xmlhttp.send();
        }
    </script>
</head>
<body onload="getdata()">
<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改内容</button>
</body>
</html>
